<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
		<meta content="yes" name="apple-mobile-web-app-capable">
		<meta content="black" name="apple-mobile-web-app-status-bar-style">
		<meta content="telephone=no" name="format-detection">
		<title></title>
		<link href="css/style.css" rel="stylesheet">
	</head>
	<body>
		<div class="main">
			<div id="vedio">
				<video src="av/v1.mp4" class="video" id="js-video" width="100%" height="100%" preload="auto" x-webkit-airplay="true" playsinline="true" webkit-playsinline="true" x5-video-player-type="h5" x5-video-player-fullscreen="true"></video>
				<div class="play displayNone"><img class="fill" src="img/icon_play.png"></div>
			</div>
			<!-- 开始挑战 -->
			<div id="startChallenge" class="">
				<div id="logo"><img class="fill" src="img/logo_1.png"></div>
				<a class='btn btn1' href="register.html">开 启 28 天 挑 战</a>
			</div>
			<!-- 加载 -->
			<div id='loading' class="displayNone">
				<img src="img/loading.png">
				<div class="progressBar">
					<div class="progressBarIn"></div>
				</div>
			</div>
		</div>
	<script src="js/jquery.min.js"></script>
	<script type="text/javascript">
        var video = document.getElementById("js-video");
        //video.play();
        video.addEventListener('click',function(){
            video.play();
        });
        video.addEventListener('ended',function(){
            $("#startChallenge").addClass('show');
        });
	</script>
	</body>
</html>